<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="name here">
	<meta name="author" content="name here">

	<title>Title here</title>

	<link rel="stylesheet" href="css/jquery.mobile.structure-1.3.0.css">
	<link rel="stylesheet" href="themes/BancoDelPeru.css">

	<script src="js/jquery-1.9.1.js"></script>
	<script src="js/jquery.mobile-1.3.0.js"></script>
	<script type="text/javascript" src="js/cordova-2.5.0.js" charset="utf-8"></script>
	
	<script type="text/javascript" charset="utf-8">
		function iniciar() {			
			document.addEventListener("deviceready", dispositivoListo, false);			
		}
		function dispositivoListo() {
				
		}	
		
		function ShowStatement()
		{
			var chkAccount = $("#chkAccount").val();
		    var chkTransaction = $("#chkTransaction").val();
		    
		    window.localStorage.setItem("chkAccount", chkAccount);
		    window.localStorage.setItem("chkTransaction", chkTransaction);
		
		    window.location.assign("infoStatement.html");
		}
		
		
	</script>
	
</head>
	
<body>
	
<div data-role="page" id="Statement" data-theme="a">
    <div data-role="header">
    						 <h6>STATENMENTS</h6>
    </div>
    
        <div data-role="content">		
			
		<label for="sistemaop" class="select">ACCOUNT</label>
					<select name="chkAccount" id="chkAccount">
				
					
					<option value="0" disabled="disabled"> Choose One </option>
					<option value="1">Checking </option>
					<option value="2">Saving</option>

					</select>
		
		
		<label for="Stmnt" class="select">STATEMENT</label>
					<select name="chkTransaction" id="chkTransaction">


					<option value="0" disabled="disabled"> Choose One </option>
					<option value="1" > Full Statement </option>
					<option value="2"> Deposit </option>
					<option value="3"> Withdrawal </option>
					<option value="4"> Transfer </option>
					
					</select>
				
	
		
		<center> 	<a href="infoStatement.html" type="button" data-inline="true" id="Statement" onClick="ShowStatement()"> View Statement</a>	</center> 
     	<center>    <a href="mainmenu.html" type="button" data-inline="true" data-shadow="false"> Go back to menu </a>	</center> 
	
		
		
		
</div>
			
			
			
			
    <div data-role="footer">
    

    </div>
    </div>
    
</body>

</html>





<!-- 		<ul data-role="listview"  -->
<!-- 		    data-inset="true"  -->
<!-- 			data-filter="false"  -->
<!-- 			data-filter-placeholder="Type here"  -->
<!-- 			> -->
		
<!-- 		<li data-role="list-divider">ACCOUNT</li> -->
			
<!-- 			<li><a href="test_navegacion.html"> Checking </a></li> -->
<!-- 			<li><a href="test_navegacion.html"> Saving </a></li> -->
			
<!-- 		</b> -->
<!-- 		</b> -->
<!-- 		<li data-role="list-divider">TRANSACTION</li> -->
<!-- 			<li><a href="test_tablas.html"> Full Statement </a></li> -->
<!-- 			<li><a href="test_navegacion.html"> Deposit  </a></li> -->
<!-- 			<li><a href="test_navegacion.html"> Withdrawal </a></li> -->
<!-- 			<li><a href="test_navegacion.html"> Transfer </a></li> -->
			
<!-- 		</ul> -->